<template>
  <div class="center_cage" style="padding-top: 10px;">
    <div class="dataAllBorder01 cage_cl" style="margin-top: 3.5% !important; height: 62.7%; position: relative;">
      <div class="dataAllBorder02" style="position: relative; overflow: hidden;">
        <emap></emap>
      </div>
    </div>
    <div class="dataAllBorder01 cage_cl" style="margin-top: 0.6% !important; height: 32.1%;">
      <div class="dataAllBorder02" id="map_title_innerBox">
        <div class="map_title_box">
          <div class="map_title_innerBox">
            <div class="map_title">运输车辆跟踪</div>
          </div>
        </div>
        <dv-scroll-board :config="config" style="width: 100%; height: 88%"/>
      </div>
    </div>
  </div>
</template>

<script>

  import emap from '@/views/screen/screen2/page1/map';

  export default {
    name: "center",
    components: {
      emap,
    },
    data() {
      return {
        config: {
          header: ['车牌号', '所属企业', '运输内容', '行驶速度', '车辆载重'],
          columnWidth: [200,200,200,200,200],
          align: ['center','center','center','center','center'],
          headerBGC: '#798ff3',
          oddRowBGC: '#062a72',
          evenRowBGC: '#062a72',
          rowNum: 8,
          headerHeight: 30,
          height: 30,
          data: [{
            carNo: "蒙A·F5673",
            company: "一标",
            content: "沥青",
            speed: "63km/h",
            load: "10T"
          }, {
            carNo: "蒙A·A4897",
            company: "一标",
            content: "沥青",
            speed: "43km/h",
            load: "11T"
          }, {
            carNo: "蒙A·35766",
            company: "一标",
            content: "沥青",
            speed: "61km/h",
            load: "10.5T"
          }, {
            carNo: "蒙A·89891",
            company: "三标",
            content: "沥青",
            speed: "56km/h",
            load: "5.8T"
          }, {
            carNo: "蒙A·E2017",
            company: "三标",
            content: "沥青",
            speed: "67km/h",
            load: "9.9T"
          }, {
            carNo: "蒙A·E5531",
            company: "三标",
            content: "沥青",
            speed: "63km/h",
            load: "11T"
          }, {
            carNo: "蒙A·55332",
            company: "五标",
            content: "沥青",
            speed: "59km/h",
            load: "10.5T"
          }, {
            carNo: "蒙A·64887",
            company: "五标",
            content: "沥青",
            speed: "58km/h",
            load: "10.3T"
          }]
        },
      }
    }
  }

</script>

<style lang="scss" scoped>

  @import "~@/assets/screen/screen2/scss/common.scss";

  .center_cage {
    width: 55.1%;
    height: 100%;
    margin-left: 0.3%;
    float: left;
  }

  ::v-deep .ceil {
    width: 200px!important;
    text-align: center;
  }

  ::v-deep .row-item {
    height: 30px;
  }

</style>
